<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta charset="UTF-8" />
<title>管理后台</title>
<link rel="stylesheet" type="text/css" href="static/css/common.css" />
<link rel="stylesheet" type="text/css" href="static/css/main.css" />
<style>
.black_overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity = 88);
}

.white_content {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 55%;
	height: 55%;
	padding: 20px;
	border: 10px solid orange;
	background-color: white;
	z-index: 1002;
	overflow: auto;
}
</style>
<script type="text/javascript">
	function check(form) {
		if (form.postType.value == '') {
			alert("请输入新增类");
			form.postType.focus();
			return false;
		}
		return true;
	}
</script>
</head>
<body>
	<div class="main-wrap">
		<div class="crumb-wrap">
			<div class="crumb-list">
				<i class="icon-font">&#xe06b;</i><span>欢迎来到管理后台！！！。</span>
			</div>
		</div>
		<div class="result-wrap">
			<div class="result-title">
				<h1>快捷操作</h1>
			</div>
			<div class="result-content">
				<div class="short-wrap">
					<a href="<%=request.getContextPath()%>/toForm"><i
						class="icon-font">&#xe005;</i>新增新闻</a>
					<a href="javascript:void(0)"
						onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'"><i
						class="icon-font">&#xe01e;</i>新增新闻分类</a>
						
				</div>
			</div>
		</div>
		<div class="result-wrap">
			<div class="result-title">
				<h1>基本信息</h1>
			</div>
			<div class="result-content">
				<ul class="sys-info-list">
					<li><label class="res-lab">开发人员：</label><span class="res-info">JokerQ</span>
					</li>
					<li><label class="res-lab">开发环境：</label><span class="res-info">Eclipse-Maven</span>
					</li>
					<li><label class="res-lab">北京时间：</label><span class="res-info">2020年2月28日</span>
					</li>
					<li><label class="res-lab">服务器域名/：</label><span
						class="res-info">localhost [ 127.0.0.1 ]</span></li>
					<li>
					<label class="res-lab">开发背景：</label>
					</li>

				</ul>
			</div>
		</div>
	</div>
	<div id="light" class="white_content" align="center">
		输入新的新闻分类
		<!-- 		<input placeholder"分类名"  align="center"> -->
		<%-- 		<a href = "<%=request.getContextPath()%>/toaddPostType" ><button >提交</a> --%>
		<form action="<%=request.getContextPath()%>/toaddPostType" method="post">
			分类名称<input type=text name="postType" size="18" value=""><br>
			<input type=submit name="submit1" value="提交" onclick="return check(this.form)">
				<a href = "javascript:void(0)"onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'" ><input type="button" value="退出"></a>
		</form>
	</div>
	<div id="fade" class="black_overlay"></div>
</body>
</html>